<?php echo $this->fetch('header.html'); ?>
<style type="text/css">
.form_box dl {margin-bottom:20px;}
</style>
<div class="conter">
  <?php echo $this->fetch('header.common.html'); ?>
  <div class="form_box">  
  <form method="post" id="login_form">
    <dl>
     <dt>用户名</dt>
     <dd><input type="text" id="user_name" name="user_name" placeholder="请填写用户名/手机号/QQ号/邮箱" class="text_input"/></dd>
    </dl>
    <dl>
     <dt>密&nbsp;&nbsp;&nbsp;&nbsp;码</dt>
     <dd><input type="password" id="password" name="password" placeholder="请填写您的密码" class="text_input"/></dd>
    </dl>
    <p><input type="Submit" class="button_css" value="登 录"><input type="hidden" name="ret_url" value="<?php echo $this->_var['ret_url']; ?>" /></p>
    <p style="padding-top:16px">没有帐号？您还可以：<a href="index.php?app=member&act=register&ret_url=<?php echo $this->_var['ret_url']; ?>" style="color:#F00">免费注册</a></p>
  </form>
  </div>
  <div class="clear"></div>
  <br /><br />
</div>  
<script type="text/javascript">
$(function(){
    $('#login_form').validate({
        errorPlacement: function(error, element){
            element.parent('dd').append(error);
        },
        onkeyup: false,
        rules : {
            user_name : {required : true, minlength: 2, maxlength: 25, checkName: true},
            password : {required : true}
        },
        messages : {
            user_name : { required : '请填写用户名，用户名不能为空', minlength: '用户名必须在2-25个字符之间',maxlength: '用户名必须在2-25个字符之间',checkName : '格式错误，仅支持汉字、字母、数字、"-"、"_"的组合' },
            password  : {required : '请填写密码，密码不能为空'}
        }
    });
});
</script>
</body>
</html>
